/*
 * @Description: 一些公用样式
 * @Author: yilingsj（315800015@qq.com）
 * @Date: 2021-04-07 20:37:37
 * @LastEditors: liu (1427179517@qq.com)
 * @LastEditTime: 2023-05-05 14:01:32
 */

.page {
  display: flex;
  flex-direction: column;
  height: 100vh;
  box-sizing: border-box;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  &-content {
    background-color: #f7f7f7;
    flex: 1;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 20rpx;
  }

  &-header,&-content,
  &-footer {
    background-color: transparent;
  }

  &-content,
  &-footer {
    position: relative;
    // z-index: 10;
  }
  // loading动画
  &-loading {
    &-wrap {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1000;
      transform: translateZ(0);
      background-color: #fff;
    }
    // background-image: url('~@/assets/img/loading-1.png');
    // background-image: url('https://cdn.t.wupoos.com/zx_loading.png');
    animation: loaderSprite 2s steps(15) infinite;
    // width: 125px;
    // height: 60px;
  }
  // 滚动底部时触发加载下一页
  &.reachBottom {
    height: initial !important;
    min-height: 100vh;
    .page-content {
      overflow-y: visible;
    }
    // 防止嵌套的在tabBar页中受影响
    .page {
      height: initial !important;
    }
  }
  // tabBar页
  &.tabBar {
    padding-bottom: 0;
  }
  // 正常tabBar页
  &.switchTab {
    padding-bottom: 0;
  }
}

// 表单样式
.form-item {
  display: flex;
  // justify-content: space-between;
  align-items: center;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 42px;
  min-height: 104rpx;
  padding: 0 30rpx;
}

.form-item__label {
  font-size: 30rpx;
  line-height: 42rpx;
}

// 首页实时动态
.dynamic {
  &-list {
    padding: 18rpx 0;

    &-header {
      padding-top: 17rpx;
      flex-shrink: 0;
      padding-right: 28rpx;
    }

    &__title {
      width: 88rpx;
      padding-right: 28rpx;
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #1a1a1a;
      line-height: 37rpx;
    }
  }
}

// 公用模块片
.module {
  background: #ffffff;
  border-radius: 13rpx;
  padding: 20rpx;
  color: #999999;

  &-header {
    font-family: PingFang SC;
    color: #1a1a1a;
    line-height: 1;
    min-height: 74rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  &-content {
  }

  &__title {
    font-size: 40rpx;
    font-weight: bold;
    display: flex;
    align-items: center;
    &-number {
      font-size: 30rpx;
    }
  }

  &-more {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
  }
}

/* #ifdef H5 || APP-PLUS */
// 隐藏路径为 pages/component/view/view 页面的 navigationBar
// [data-page='subPages/location/locus'] uni-page-head {
//   display: none;
// }
/* #endif */
